<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="CN-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>吾起扬-作品主页</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.3.1.css" rel="stylesheet">
	</head>
  <body>
	<a name="主页" id="主页"></a>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
      <a class="navbar-brand" href="#">吾起扬-作品主页</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="Index.htm">主页<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#关于我">关于</a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">展示区</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="https://space.bilibili.com/692730692">我的哔哩哔哩主页</a>
              <a class="dropdown-item" href="#">素描作品展示</a>
              <a class="dropdown-item" href="#">Java作品展示</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <audio controls="controls" >
            <source src="other/DAOKO (ダヲコ) _ 米津玄師 (よねづ けんし) - 打上花火.mp3" type="audio/mp3">
          </audio>
        </form>
      </div>
    </nav>
    <div class="container mt-2">
      <div class="row">
        <div class="col-12">
          <div class="jumbotron">
            <h1 class="text-center">吾起扬-素描作品主页</h1>
            <p class="text-center">欢迎大家!</p>
            <img src="images/1200X400.png" alt="" class="img-fluid"> 
          </div>
        </div>
      </div>
    </div>
	<div class="col-lg-4 col-md-6 col-12"><strong><a href="#主页">回到顶端</a></strong></div>
    <hr>
    <footer class="text-center">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <p>Copyright © wuqiyang. All rights reserved.</p>
          </div>
        </div>
      </div>
    </footer>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="file:///F|/js/jquery-3.3.1.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="file:///F|/js/popper.min.js"></script>
    <script src="file:///F|/js/bootstrap-4.3.1.js"></script>
  </body>
</html>